<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面内跳转</title>
    <style type="text/css">
        .head{
            height: 200px;
            background-color: #003366;
        }
        .menu{
            width: 850px;
            height: 50px;
            margin: 50px auto 0;
            padding: 0;
            font-size: 20px;
        }
        .menu li{
            width: 98px;
            height: 46px;
            display: inline-block;
            text-align: center;
            line-height: 46px;
        }
        .menu li a{
            color: white;
            text-decoration: none;
        }
        .menu li:hover{
            background-color: orange;
        }
        .menu a:hover{
            color: red;
        }
        .search{
            width: 800px;
            height: 100px;
            margin:0 auto;
        }
    </style>
</head>
<body>
<div class="head">
    <a href="http://www.sxmu.edu.cn/" target="_blank"><img src="images/head-logo.png" alt="山西医科大学"></a>
    <a href='http://www.sxmu.edu.cn/' style="float: right;margin: 40px 40px 0 0;"><img src="images/newxiaoxun.png" alt=""></a>
    <ul class="menu">
        <li><a href="index">首页</a></li>
        <li><a href="survey">学校概况</a></li>
        <li><a href="guanli">管理机构</a></li>
        <li><a href="jiaoxue">教学单位</a></li>
        <li><a href="shizi">师资队伍</a></li>
        <li><a href="xuesheng">学生工作</a></li>
        <li><a href="zhaosheng">招生信息</a></li>
        <li><a href="kexue">科学研究</a></li>
    </ul>
</div>

<div class="content">
    <a href="#title1">标题一</a>
    <a href="#title2">标题二</a>
    <a href="#title3">标题三</a>
    <a href="#title4">标题四</a>

    <h1 id='title1'>标题一</h1>
    <p> HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页，显示的网页可以从一个网页链接跳转到另外一个网页。
    </p>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <h1 id='title2'>标题二</h1>
    <a href="#title1">标题一</a>
    <a href="#title2">标题二</a>
    <a href="#title3">标题三</a>
    <a href="#title4">标题四</a>
    <p> HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页，显示的网页可以从一个网页链接跳转到另外一个网页。
    </p>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <h1 id='title3'>标题三</h1>
    <a href="#title1">标题一</a>
    <a href="#title2">标题二</a>
    <a href="#title3">标题三</a>
    <a href="#title4">标题四</a>
    <p> HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页，显示的网页可以从一个网页链接跳转到另外一个网页。
    </p>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <h1 id='title4'>标题四</h1>
    <a href="#title1">标题一</a>
    <a href="#title2">标题二</a>
    <a href="#title3">标题三</a>
    <a href="#title4">标题四</a>
    <p> HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页，显示的网页可以从一个网页链接跳转到另外一个网页。
    </p>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
</div>

</body>
</html>